<template>
  <div class="app">
    <a-layout>
      <a-layout-header style="font-family: Microsoft Yahei, serif"
        >基于Vue的宾馆客房预订系统设计与实现</a-layout-header
      >
      <a-layout>
        <router-view></router-view>
      </a-layout>
      <a-layout-footer
        >本系统仅限于毕业设计演示,请勿用于商业用途. &nbsp;本系统于
        <a
          href="https://github.com/1017692616/hotel-manager-vue"
          target="_blank"
          >github</a
        >上已开源.</a-layout-footer
      >
    </a-layout>
  </div>
</template>

<style lang="less" scoped>
.app {
  height: 100%;
  :deep(.ant-layout) {
    height: 100%;
  }
  :deep(.ant-layout-header) {
    background-color: #7dbcea;
    font-size: 27px;
    text-align: center;
  }
  :deep(.ant-layout-footer) {
    background-color: #7dbcea;
    font-size: 12px;
    text-align: end;
    color: beige;
  }
}
</style>
